<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <title>博客列表</title>
    <!--百度统计-->
    <script src="/blog/js/statistics.js"></script>
    <!--layUI的css-->
    <link rel="stylesheet" href="/layui/css/layui.css">
    <style>
        body{
            width: 100%!important;
            height: 100%!important;
            background-image: url("https://z3.ax1x.com/2021/08/31/ha0nO0.jpg");
            background-size: 100% auto;
            background-repeat: repeat;
        }
    </style>
    <!--layUI的js-->
    <script src="/layui/layui.js"></script>
    <script>
        layui.use(['layer'], function () {
            layer.load(1);
        })
    </script>

</head>
<body>

<!--顶部按钮区域-->
<form class="layui-form layui-form-pane">

    <div class="layui-form-item"></div>
    <div class="layui-form-item">
        <div class="layui-inline">
            <label class="layui-form-label"><i
                    class="layui-icon layui-icon-cellphone"></i><strong>title</strong></label>
            <div class="layui-input-inline" style="width: 150px;">
                <input type="text" name="search_title" placeholder="%title%" autocomplete="off" class="layui-input">
            </div>
        </div>
        <div class="layui-inline">
            <label class="layui-form-label"><i class="layui-icon layui-icon-username"></i><strong>用户名</strong></label>
            <div class="layui-input-inline" style="width: 150px;">
                <input type="text" name="search_username" placeholder="%username%" autocomplete="off"
                       class="layui-input">
            </div>
        </div>

        <div class="layui-inline">
            <label class="layui-form-label">分类</label>
            <div class="layui-input-inline layui-border-blue" style="width: 150px;">
                <select name="search_type_id" lay-verify="required">
                    <option value="">请选择</option>
                    <!--<option value="1">SpringMVC</option>
                    <option value="2">MyBatis</option>-->
                </select>
            </div>
        </div>

        <div class="layui-inline" style="width: 6em">
            <div class="layui-input-inline">
                <input type="checkbox" checked name="switch" lay-skin="switch" lay-text="发布|草稿">
            </div>
        </div>

        <div class="layui-inline">
            <div class="layui-btn-group">
                <button id="search_btn" type="button" class="layui-btn layui-btn-sm">
                    <i class="layui-icon layui-icon-search"></i>
                </button>
                <button id="edit_btn" type="button" class="layui-btn layui-btn-sm layui-bg-blue">
                    <i class="layui-icon">&#xe642;</i>
                </button>
                <button id="delete_btn" type="button" class="layui-btn layui-btn-sm layui-bg-red">
                    <i class="layui-icon">&#xe640;</i>
                </button>
            </div>
        </div>
    </div>

    <div class="layui-form-item" pane>
        <label class="layui-form-label">标签</label>
        <div class="layui-input-block" id="search_tag_div">
            <!--<input type="checkbox" name="search_tag" title="使用" value="">
            <input type="checkbox" name="search_tag" title="Bug" value="">-->
        </div>
    </div>
</form>

<!--表格：列表展示-->
<table style="margin-bottom: 5em" class="layui-table" lay-even lay-skin="line row" lay-size="lg">
    <colgroup>
        <col width="150">
        <col width="200">
        <col>
    </colgroup>
    <thead>
    <tr>
        <th>&nbsp;</th>
        <th>title</th>
        <th>创建人</th>
        <th>分类</th>
        <th>标签</th>
        <th>推荐级别</th>
        <th>创建标记</th>
        <th>浏览次数</th>
        <th>发布日期</th>
    </tr>
    </thead>
    <tbody id="blog_list">
    <!--<tr>
        <td>
            <input type="radio" name="radio_userId" value="1">
        </td>
        <td>测试标题</td>
        <td>游戏人生</td>
        <td>Spring</td>
        <td>
            <div class="layui-row">
                <div class="layui-col-xs12">
                    <button class="layui-btn layui-btn-primary layui-btn-xs layui-btn-radius layui-font-blue">快速开始</button>
                </div>
            </div>
            <div class="layui-row">
                <div class="layui-col-xs12">
                    <button class="layui-btn layui-btn-primary layui-btn-xs layui-btn-radius layui-font-blue">快速开始</button>
                </div>
            </div>
            <div class="layui-row">
                <div class="layui-col-xs12">
                    <button class="layui-btn layui-btn-primary layui-btn-xs layui-btn-radius layui-font-blue">快速开始</button>
                </div>
            </div>
        </td>
        <td>2</td>
        <td>原创</td>
        <td>12</td>
        <td>2021-08-21</td>
    </tr>-->
    </tbody>
</table>

</body>
</html>

<!--jQuery-->
<script src="/jquery-3.6.0.min.js"></script>
<!--自己的js-->
<script src="/settings/js/blog_list.js"></script>